{% extends "base.html" %}

{% load static %}
{% load i18n %}

{% block head %}
    {% block head_extends %}{% endblock %}
{% endblock %}

{% block boby %}
    <div class="container-fluid">
        <div class="row">
            <div class="col-2">
                <ul class="nav flex-column nav-fill">
                    <li role="presentation" class="nav-item">
                        <li class="nav-list-toggle" data-toggle="collapse" data-target="#oos-nav-list-group">
                            <i class="fa fa-list"></i> {% trans '对象存储桶管理' %} <i class="fa fa-chevron-down"></i>
                        </li>
                        <ul class="bg-light nav flex-column collapse show" id="oos-nav-list-group" role="tablist">
                            <li class="nav-item text-left"><a class="nav-link" href="{% url 'buckets:bucket_view' %}" >{% trans '所有存储桶' %}</a></li>
                        </ul>
                    </li>
                    <li role="presentation" class="nav-item">
                        <li class="nav-list-toggle" data-toggle="collapse" data-target="#usage-nav-list-group">
                            <i class="fa fa-list"></i> {% trans '数据访问说明' %} <i class="fa fa-chevron-down"></i>
                        </li>
                        <ul class="bg-light nav flex-column collapse show" id="usage-nav-list-group" role="tablist">
                            <li class="nav-item text-left"><a class="nav-link" href="{% url 'buckets:s3-api-usage' %}">{% trans 'S3兼容API与key' %}</a></li>
                            <li class="nav-item text-left"><a class="nav-link" href="{% url 'buckets:api-usage' %}">{% trans '原生API与key' %}</a></li>
                            <li class="nav-item text-left"><a class="nav-link" href="{% url 'buckets:ftp-usage' %}" >{% trans '存储桶FTP访问' %}</a></li>
                        </ul>
                    </li>
                    <li role="presentation" class="nav-item">
                        <li class="nav-list-toggle" data-toggle="collapse" data-target="#cloud-nav-list-group">
                            <i class="fa fa-list"></i> {% trans '数据检索' %} <i class="fa fa-chevron-down"></i>
                        </li>
                        <ul class="bg-light nav flex-column collapse show" id="cloud-nav-list-group">
                            <li class="nav-item text-left"><a class="nav-link" href="{% url 'buckets:search-object' %}">{% trans '桶内文件名检索' %}</a></li>
                            <li class="nav-item text-left"><a class="nav-link" href="{% url 'buckets:search-tag-object' %}">{% trans '桶内文件标签检索' %}</a></li>
{#                            <li class="nav-item text-left"><a class="nav-link" href="#">{% trans '全站检索（建设中）' %}</a></li>#}
                        </ul>
                    </li>
{#                    <li role="presentation" class="menu-list nav-item">#}
{#                        <li class="nav-list-toggle" data-toggle="collapse" data-target="#vpn-nav-list-group">#}
{#                            <i class="fa fa-list"></i> {% trans '数据在线处理' %} <i class="fa fa-chevron-down"></i>#}
{#                        </li>#}
{#                        <ul class="bg-light nav flex-column collapse show" id="vpn-nav-list-group">#}
{#                            <li class="nav-item text-left"><a class="nav-link" href="#">{% trans '文档处理（建设中）' %}</a></li>#}
{#                            <li class="nav-item text-left"><a class="nav-link" href="#">{% trans '图片处理（建设中）' %}</a></li>#}
{#                            <li class="nav-item text-left"><a class="nav-link" href="#">{% trans '遥感图片处理（建设中）' %}</a></li>#}
{#                        </ul>#}
{#                    </li>#}
                </ul>
            </div>
            <div class="col-10" id="content-display-div">
                {% block content %}{% endblock %}
            </div>
        </div>
    </div>
{% endblock %}

{% block script %}
    <script type="text/javascript" src="{% static 'sweetalert2/dist/sweetalert2.all.min.js' %}"></script>
{#    <!-- Include a polyfill for ES6 Promises (optional) for IE11, UC Browser and Android browser support -->#}
    <script type="text/javascript" src="{% static 'promise-polyfill/dist/polyfill.min.js' %}"></script>
    {% block script_extends %}{% endblock %}
{% endblock %}

